<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>干货集中营</title>
    <link rel="shortcut icon" href="../img/logo.png" sizes="32x32">
    <link rel="stylesheet" href="../bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="../stylesheets/animate.css">
    <link rel="stylesheet" href="../font-awesome/css/font-awesome.css">
    <link rel="stylesheet" href="../stylesheets/reset.css">
    <link rel="stylesheet" href="../stylesheets/index.css">

</head>
<body>
<div class="header">
<div class="container">
    <a href="javascript:void(0)" class="logo">
        <img src="../img/ganhuo.jpg" alt="">
    </a>
    <div class="collapse">
        <ul class="main-menu">
            <li>首页</li>
            <li>妹纸</li>
            <li>干货</li>
            <li>专题
                <span class="fa fa-chevron-down"></span>
                <div class="sub-menu">
                    <p>Android</p>
                    <p>Flutter</p>
                    <p>iOS</p>
                </div>
            </li>
            <li>Flutter</li>
            <li>API</li>
            <li>留言</li>
            <li>❤新版进度❤</li>
        </ul>
        <div class="align-items">
            <span><i class="fa fa-moon-o "></i></span>
            <span><i class="fa fa-search "></i></span>
            <span><i class="fa fa-pencil-square-o "></i></span>
            <div class="btn-group">
                <a href="javascript:void(0)" class="btn">注册</a>
                <a href="javascript:void(0)" class="btn">登录</a>
            </div>
        </div>
    </div>
</div>
</div>

<main class="main">
    <div class="substance">
        <div class="left col-lg-8">
            <div class="banner">
                <div id="carouselExampleDark" class="myCarousel carousel carousel-dark slide" data-bs-ride="carousel">
                    <div class="carousel-indicators indicators">
                        <button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
                        <button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="1" aria-label="Slide 2"></button>
                        <button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="2" aria-label="Slide 3"></button>
                    </div>
                    <div class="carousel-inner inners">
<!--                        <div class="carousel-item active items" data-bs-interval="2000">-->
<!--                            <img src="../img/wbb.jpeg" class="d-block w-100" alt="...">-->
<!--                            <div class="carousel-caption d-none d-md-block">-->
<!--                                <h5>First slide label</h5>-->
<!--                                <p>Some representative placeholder content for the first slide.</p>-->
<!--                            </div>-->
<!--                        </div>-->
                    </div>
                    <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleDark" data-bs-slide="prev">
                        <span class="carousel-control-prev-icon" aria-hidden="false"></span>
                        <span class="visually-hidden">Previous</span>
                    </button>
                    <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleDark" data-bs-slide="next">
                        <span class="carousel-control-next-icon" aria-hidden="false"></span>
                        <span class="visually-hidden">Next</span>
                    </button>
                </div>


            </div>
            <nav></nav>
            <div class="list"></div>
            <div class="status">正在加载数据...</div>
        </div>
        <div class="right col-lg-4">
            <div class="singleCard">
<!--                <img src="../img/wbb.jpeg" alt="">-->
<!--                <div class="overlay-top">-->
<!--                    <span>31</span>-->
<!--                    <time>3月, 2020</time>-->
<!--                </div>-->
<!--                    <div class="list-content">-->
<!--                        <a href="javascript:void(0)">妹子图第41期</a>-->
<!--                        <div class="list-footer">-->
<!--                            <span class="genre">Random Girl</span>-->
<!--                            <a href="javascript:void(0)"><i class="fa fa-refresh "></i></a>-->
<!--                        </div>-->
<!--                    </div>-->
            </div>
            <div class="card-sm">
                <div class="card-header">
                    关注我们 么么哒！
                    <i class="bgPrimary">——</i>
                </div>
                <div class="textWidget">
                    <a href="javascript:void(0)">
                        <span class="count"><i class="fa fa-wechat"></i>微信群二维码</span>
                        <span class="wechatTitle">微信干货交流群</span>
                    </a>
                    <a href="javascript:void(0)" class="qq">
                        <span class="count"><i class="fa fa-qq"></i> 322189026</span>
                        <span class="wechatTitle">QQ干货交流群</span>
                    </a>
                    <a href="javascript:void(0)" class="mail">
                        <span class="count"><i class="fa fa-mail-reply-all"></i>lijinshanmx@gmail.com</span>
                        <span class="wechatTitle">投稿联系邮箱</span>
                    </a>
                </div>
            </div>
            <div class="card-sm">
                <div class="card-header">
                    本周最🔥妹纸
                    <i class="bgPrimary">——</i>
                </div>
                <div class="gallery">
<!--                    <a href="javascript:void(0)">-->
<!--                        <img src="../img/wbb.jpeg" alt="">-->
<!--                    </a>-->
<!--                    <a href="javascript:void(0)">-->
<!--                        <img src="../img/wbb.jpeg" alt="">-->
<!--                    </a>-->
<!--                    <a href="javascript:void(0)">-->
<!--                        <img src="../img/wbb.jpeg" alt="">-->
                    </a>
                </div>
            </div>
            <div class="card-sm">
                <div class="card-header">
                    本周最热文章
                    <i class="bgPrimary">——</i>
                </div>
                <div class="articleWidget">
                </div>
            </div>
            <div class="card-sm">
                <div class="card-header">
                    本周最热干货
                    <i class="bgPrimary">——</i>
                </div>
                <div class="articleWidget ganhuo">
                </div>
            </div>

            <div class="card-sm">
                <div class="card-header">
                    标签云
                    <i class="bgPrimary">——</i>
                </div>
                <div class="tagCloud">
                    <a href="javascript:void(0)">ANDROID干货</a>
                    <a href="javascript:void(0)">ANDROID专题</a>
                    <a href="javascript:void(0)">妹纸</a>
                    <a href="javascript:void(0)">IOS干货</a>
                    <a href="javascript:void(0)">IOS专题</a>
                    <a href="javascript:void(0)">FLUTTER干货</a>
                </div>
            </div>

        </div>
    </div>
</main>
<script src="../js/jquery-3.5.1.js"></script>
<script src="../bootstrap/js/bootstrap.bundle.js"></script>
<script src="../js/index.js"></script>
</body>
</html>
